<template>
    <div>
      <h1>异步组件加载成功！</h1>
      <p>{{ message }}</p>
    </div>
  </template>
  
  <script>
  export default {
    name: 'AsyncComponent',
    data() {
      return {
        message: '这是一个异步加载的组件。'
      };
    },
    // 模拟异步操作，例如从服务器获取数据
    async created() {
      await new Promise(resolve => setTimeout(resolve, 5000));
    }
  };
  </script>
  